@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal; }

body{min-width: 1400px; width: 100%;overflow-x: hidden;}

/**/
#dian{background:#4c4c4c;padding:40px 0;}
.dian{overflow:hidden;}
.dian li{width:20%;box-sizing:border-box;border-right:1px solid #eee;float:left;text-align:center;}
.dian li p{font-size:38px;color:#fff;font-weight: bold;margin-bottom:10px;}
.dian li p span{font-size:18px;}
.dian li samp{color:#eee;font-size:14px;}

/*标题*/
.bti{border-bottom:1px solid #eee;margin:40px auto 0px;padding-bottom:10px;}
.biaoti{font-size:0;}
.biaoti-a{display:inline-block;vertical-align: bottom;width:50%;}
.biaoti-a p{font-size:30px;color:#333;margin-bottom:5px;}
.biaoti-a span{font-size:14px;color:#888;}
.biaoti-b{display:inline-block;vertical-align: bottom;text-align:right;font-size:14px;width:50%;}
.bai p{color:#fff;}
.bai span{color:#999;}
.bci a{color:#ccc;}

/**/
.lanrenzhijia{max-width:1400px;margin:50px auto;position:relative;}
.lanrenzhijia .tab{text-align:center;margin:30px auto;width:48%;position:absolute;top:0;right:0;font-size:0;}
.lanrenzhijia .tab a{display:inline-block;line-height:56px;color:#141414;background:#f5f5f5; box-sizing:border-box;width:28%;font-size:20px;transform: skewX(-30deg);}
.lanrenzhijia .tab a p{transform: skewX(30deg);}
.lanrenzhijia .tab a:nth-child(2){margin:0 3%;}
.lanrenzhijia .tab a.onn{background:#1685c1;color:#FFF;}
.lanrenzhijia .abimg{overflow:hidden;}
.lanrenzhijia .abimg li{display:none;overflow:hidden;}
.lanrenzhijia .abimg li .abig{width:46%;float:left;position:relative;}
.lanrenzhijia .abimg li .abig img{width:100%;position:relative;z-index:1;padding:25px 0 0 25px;display: block;}
.lanrenzhijia .abimg li .abig:after{ content:'';display:block;width:100%;height:calc(100% - 20px);background:#999;position:absolute;top:0;left:0;}
.lanrenzhijia .abimg li .abte{width:48%;float:right;font-size:18px;line-height:36px;text-indent:2em;margin-top:140px;}

/*广告*/
.guang{width:100%;height:500px;background:url("../images/gg.jpg") center no-repeat;position:relative;margin-bottom:50px;}
.gugb{width:40%;position:absolute;top:0;right:0;background:#323232;height:100%;display:table;}
.gugb-a{width:450px;height:100%;display: table-cell; vertical-align: middle;padding-left:60px;color:#fff;}
.gugb-a p{font-size:58px;margin-bottom:20px;display:inline-block;position:relative;padding-bottom:15px;font-weight: bold;}
.gugb-a p:after{content:'';position:absolute;bottom:0;left:0;width:60px;height:4px;background:#fff;}
.gugb-a span{font-size:32px;display:block;margin-bottom:20px;}
.gugb-a samp{font-size:20px;}
.gugb-a samp img{display:inline-block;vertical-align: middle;margin-right:10px;}

/*分类*/
.cpfl{overflow:hidden;}
.cpfla{width:340px;float:left;background:url("../images/di1.jpg") top no-repeat;height:584px;display:table;}
.cpfla p{display:table-cell;vertical-align: middle;text-align:center;}
.cpfla img{width:120px;display:block;margin:auto;}
.cpflb{width:calc(100% - 340px);float:right;}
.cpflba{background:#eee;text-align:center;}
.cpflba img{display:inline-block;width:100%;max-width:600px;}
.cpflbb{overflow:hidden;margin-top:20px;}
.cpflbb li{width:20%;float:left;text-align:center; cursor: pointer;}
.cpflbb li p{width:120px;margin:0 auto 15px;border-radius: 50%;overflow:hidden;}
.cpflbb li p img{width:100%;display:block;}
.cpflbb li span{font-size:16px;}

/*定制*/
.dinzhi{margin:30px auto 0;}
.dinz ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;margin-right:-20px;}
.dinz li{flex:1 1;border:1px solid #ccc;justify-content:space-around;margin-right:20px;text-align:center;line-height:50px;font-size:18px;cursor: pointer;}
.dinz li.sto{background:#36393a;color:#fff;}
.dinim{margin-top:30px;}
.dinim li{display:none;}
.dinim img{width:100%;display:block;}

/*案例*/
.anli{overflow:hidden;margin:30px auto 10px;}
.anli ul{margin-right:-1%;}
.anli li{margin-right:1%;width:24%;float:left;position:relative;margin-bottom:20px;}
.anli li img{width:100%;transition:all 0.3s;display:block;}
.anli .an1{position:absolute;bottom:20px;right:0;z-index:2;background:rgb(0 0 0 / 75%);padding:10px;color:#fff;font-size:18px;}
.anli .an2{overflow:hidden;}
.anli li:hover img{transform: scale(1.1);}

/*资质*/
.ziz{overflow:hidden;margin:30px auto 60px;}
.ziza{width:50%;float:left;background:#424242;box-sizing: border-box;}
.zizb{width:50%;float:right;}
.ziza .lis{overflow:hidden;}
.ziza .lis li{width:25%;float:left;padding:2px;box-sizing:border-box;}
.ziza .lis li img{height:118px;}
.ziz img{display:block;width:100%;}
.ziza .lit{overflow:hidden;}
.ziza .lit-a{width:50%;float:left;overflow:hidden;}
.ziza .lit-a li{width:50%;float:left;padding:2px;box-sizing:border-box;}
.ziza .lit-b{height:271px;width:50%;float:right;position:relative;}
.ziza .lit-b-a{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:24px;line-height:36px;}

/*新闻*/
.nut{border-bottom:1px solid #333;}
#news{background:url("../images/di3.jpg") top center no-repeat;padding:1px 0 50px;}
.news{overflow:hidden;margin-top:30px;}
.news ul{margin-right:-2%;}
.news li{width:23%;float:left;background:#fff;margin-right:2%;}
.newsa{text-align:center;font-size:18px;padding:30px 0;background:#eee;font-weight: bold;}
.newsb{box-sizing:border-box;padding:20px ;font-size:14px;line-height:40px;}
.newsb span{display:inline-block;vertical-align: middle;width:90px;}
.newsb p{display:inline-block;vertical-align: middle;width:calc(100% - 90px);overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newsb dd:hover p{color:#1685c1;}
.newsc{margin:auto;text-align:center;padding-bottom:30px;}
.newsc a{display:inline-block;margin:auto;border:1px solid #ccc;line-height:40px;border-radius:10px;width:60%;}
.newsc a:hover{background:#1685c1;color:#fff;}

/*优势*/
.yous{overflow:hidden;margin:30px auto 10px;}
.yous ul{margin-right:-4%;}
.yous li{width:46%;float:left;border-radius: 10px;background:#f8f8f8;box-sizing:border-box;margin-right:4%;margin-bottom:30px;box-shadow: 0 2px 5px #ccc; }
.yous li img{display:block;float:right;width:230px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.yous li div{box-sizing:border-box;padding:30px;}
.yous li div p{font-size:20px;color:#1685c1;font-weight: 600;margin-bottom:5px;}
.yous li div span{display:block;font-size:15px;margin-bottom:30px;}
.yous li div samp{display:block;font-size:14px;line-height:26px;color:#333;}

/*合作*/
.hez{border-radius: 10px;box-shadow: 0 2px 5px #ccc;background:#f7f7f7;padding:40px 0 10px;}
.heo{text-align:center;}
.heo p{font-size:26px;color:#1685c1;margin-bottom:3px;}
.heo span{color:#888;font-size:14px;}

.het{overflow:hidden;box-sizing:border-box;padding:0 60px;margin-top:30px;}
.het ul{margin-right:-4.2857%;}
.het li{width:10%;float:left;text-align:center;margin-right:4.2857%;margin-bottom:30px;}
.het li img{display:block;max-width: 100%;}


/*底部*/
#bottom{background:#1c1c1c;padding:50px 0;margin-top:60px;}
.bottom{overflow:hidden;}
.boaa{width:35%;float:left;}
.bobb{width:25%;float:left;margin:0 5%;}
.bocc{width:30%;float:right;}
.bott{font-size:22px;color:#fff;margin-bottom:30px;}
.bouu{line-height:30px;color:#a3a3a3;}

.boii{overflow:hidden;}
.boii li{width:50%;float:left;margin-bottom:15px;}
.boii li a{color:#a3a3a3;}

.bopp{overflow:hidden;}
.boppa{display:inline-block;vertical-align: middle;width:106px;}
.boppa img{max-width:100%;}
.boppb{display:inline-block;vertical-align: middle;width:calc(100% - 130px);margin-left:14px;background:rgb(54 54 54 / 55%);box-sizing:border-box;padding:20px;height:100%;color:#666;}
.boppb p{font-size:16px;margin-bottom:10px;}

.bpt{background:#000;padding:25px 0;font-size:14px;color:#a3a3a3;}